function data_task_message(event, playrwright_result_ul, playrwright_result) {
  if (event.payload.status !== "stop") {
    // 创建 li 元素
    const li = document.createElement("li");
    li.className = `list-item bg-white shadow-sm rounded-lg p-4 mb-3 transition-all duration-300 hover:shadow-md relative`;
    let data_obj = event.payload;
    // 获取当前时间并格式化
    const now = new Date();
    const timeString = now.toLocaleTimeString(); // 格式化为本地时间字符串，例如 "14:35:22"
    const dateString = now.toLocaleDateString(); // 格式化为本地日期字符串，例如 "2023/10/05"
    data_obj.datetime = dateString + " " + timeString;
    // 将所有双引号替换为单引号，防止 JSON.parse 出错
    JSON.stringify(data_obj).replace(/"/g, "'");
    li.setAttribute("x-on:click", `isModalOpen = true; modalContent = JSON.stringify(${JSON.stringify(data_obj).replace(/"/g, "'")})`);

    // 根据状态设置颜色
    const statusColor = event.payload["w_status"] === "success" ? "text-green-600" : "text-yellow-600";

    // 设置 li 的内容
    li.innerHTML = `
      <!-- 数据和时间 -->
      <div class="pr-20"> <!-- 为状态预留空间 -->
        <span class="text-base font-medium text-gray-800">${event.payload["q_pageUrl"]}</span>
        <div class="text-xs text-gray-500 mt-1">
          ${dateString} ${timeString}
        </div>
      </div>
      <!-- 状态 -->
      <span class="text-sm font-semibold ${statusColor} absolute top-4 right-4">
        ${event.payload["w_status"]}
      </span>
    `;

    // 将 li 添加到列表中
    playrwright_result_ul.appendChild(li);
    // 判断 li 个数是否大于100
    if (playrwright_result_ul.children.length > 100) {
      // 移除最早的 li
      playrwright_result_ul.removeChild(playrwright_result_ul.children[0]);
    }

    // 滚动到底部
    playrwright_result.scrollTop = playrwright_result.scrollHeight;
  } else {
    // 触发自定义事件，表示任务完成
    window.dispatchEvent(new CustomEvent('playwright-finished'));
  }
}